<template>
  <div class="container">
    <div class="wrapper">
      <div class="title"> Payment Successful </div>
      <div class="content">
        <span>Thank you ! We have received your payment.</span>
        <br/>
        <span>Your subscription is under processing. </span>
      </div>
      <div class="text-center pt-3">
        <v-btn rounded dark color="error"
          tag="a"
          href="#/user/service"
          >Check my order</v-btn>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>

<style scoped lang="scss">
.wrapper {
  max-width: 500px;
  margin: 20px auto;
  color: #666;
  text-align: center;
  .content {
    margin-top: 20px;
    font-size: 13px;
  }
}
.title {
  font-weight: 500;
}
</style>
